var casevue1 = null;
var casevue2 = null;
if(caseData) {
	drawCase(JSON.parse(caseData))
} else {
	indexcasesAjax(indexCase)
}

function indexcasesAjax(sucMethod) {
	if(caseData) {
		sucMethod(JSON.parse(caseData))
	} else {
		$.ajax({
			type: "get",
			url: serviceIP + "shemhe.php/Official/businessNew",
			async: true,
			dataType: "json",
			success: sucMethod
		})
	}
}

function indexCase(datas) {
	//sessionStorage.caseData = JSON.stringify(datas);
	drawCase(datas)
}

function drawCase(datas) {
	casevue1 = new Vue({
		el: ".case-sort",
		data: {
			cases: datas.result.case,
			imgs: datas.result.cases_img.img
		}
	});
	casevue2 = new Vue({
		el: ".case-slider-wrap",
		data: {
			imgs: datas.result.cases_img.img
		}
	})
}
var newsvue = null;
if(newsData) {
	drawNews(JSON.parse(newsData))
} else {
	newsAjax(indexNews)
}

function indexNews(datas) {
	sessionStorage.newsData = JSON.stringify(datas);
	drawNews(datas)
}

function drawNews(datas) {
	newsvue = new Vue({
		el: ".content-part",
		data: {
			cases: datas.result.news
		},
	})
}
setInterval(slider(), 3000);

function slider() {
	var num = 0;
	return function() {
		$(".slider-imgs>a").eq(num).fadeIn(500).siblings().fadeOut(500);
		num++;
		num = num > $(".slider-imgs>a").length ? 0 : num
	}
}
setTimeout(function() {
	$(".small-img>a").hover(function() {
		$(".big-img>a").eq($(this).index()).fadeIn(500).siblings().fadeOut(500)
	});
	$(".news-list").hover(function() {
		$(this).addClass("news-list-hover").siblings().removeClass("news-list-hover");
		$(".news-bottom-img>a").eq($(this).index()).fadeIn(500).siblings().fadeOut(500)
	})
}, 2000);
